<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<h1>昨天知识的回顾</h1>
	<p>
		HTML里面的相关的标签
	</p>
	<p>
		1. 文本类型的标签
	</p>
	<p>
		标题标签（h1-h6）
		<!-- hr 水平 分割作用 -->
		<hr>

		h1 标题标签只能出现一次，不能和其他的嵌套。 语义性很强。并且对 SEO 非常的重要。

		SEO：页面布局合理，自己做的符合搜索引擎的规则的网站会被搜索引擎收录（不需要花钱）<br>
		<!-- <br> 手工的在一个p段落里面实现换行 -->

		<!-- html 对换行和空格 tab 不敏感的  会把换行和多个空格理解为一个空格，一个空格的大小半个文字-->
		<!-- 需求1：希望出现多个空格(实体符号 &nbsp;) 需求2：希望在p段落里面也实现换行 -->

		竞价排名： 可以通过&nbsp;&nbsp;&nbsp;&nbsp;付费&nbsp;&nbsp;&nbsp;&nbsp;的方式让我们的网站在各大搜索引擎里面的排名非常的靠前。 <br> 每个搜索的关键字的价格是不一样的。 例如： 美容、减肥、教育培训

	</p>


	<p>
		段落相关： 用来标识一段文本是一个段落，段落和段落之间是存在换行。


	</p>

	<p>
		<p>这类小文本的标签一般用于做网站里面的小的图片 例如淘宝里面的购物车小图标</p>
		<b>加粗</b> <strong>加粗</strong>
		<i>斜体</i> <em>斜体</em>
		<u>下划线</u>
	</p>

	<hr>

	<img src="../day1/imgs/fj22.jpg" alt="图片信息" title="XXX地址风景图图片 美发 美容">

	<img width="" height="" src="http://xxx.com/1.jpg" alt="示例演示">
	<!-- https://index.baidu.com/ -->

	<a href="../day1/demo02.html" target="_self">本地网页</a>
	<a href="http://www.baidu.com" target="_blank">百度</a>


	<h2>列表标签</h2>
	<p>网页的绝大部分的内容都是列表方式体现</p>
	<p>1.ol 有序列表 2. ul 无序列表 3.dl 定义列表</p>

	<h3>表格 table 标签</h3>
	<p>注意： table 不光可以做数据的展示容器，在早些年 2010左右使用 table 进行布局也是比较的常见。 后面慢慢出现 div + css 布局  bootstrap 栅格布局（借鉴table布局） 12类 其他布局 百分比布局 flex 布局 </p>
	<p>https://v3.bootcss.com/css/#grid</p>

	<p>页面数据的展示</p>


	<h3>表单标签 一组</h3>
	<!-- http 协议 表单的提供方式是有多种  get post put delete options.... -->
	<form action="提交地址，后台程序猿提供的" method="get|post">
		<!-- form 里面的元素 一般叫做表单控件，或者叫做表单元素 -->
		<input type="text" name="username" placeholder="占位符 提示" autocomplete="off">
		<hr>
		<input type="password" name="pwd">
		<hr>
		<input type="radio" name="gender">男
		<input type="radio" name="gender">女
		<input type="radio" name="gender" checked="checked">保密
		<hr>
		<select>
			<option value="">请选择...</option>
			<option value="sh">上海</option>
			<option value="gz">广州</option>
		</select>
		<textarea>
			
		</textarea>

	</form>
</body>
</html>